<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>	
<%@ include file="/pub/headmeta.jsp" %>
</head>
<body>
	<div class="right-head"><span class="right-head-font">资讯文章管理</span></div>
	
	<form id="queryForm" method="post">
	<div class="term">
		<div class="div1-2" style="color:red;">所属分类：</div>
		<select class="div3" name="q_classId" id="q_classId" onchange="doQuery();"><option value="A000">宝宝营养</option><option value="B000">宝宝扮靓</option><option value="C000">宝宝用品</option><option value="D000">宝宝娱乐</option></select>
		<div class="div1-2">创建者：</div>	
		<div class="div2"><input type="text" name="q_creator" id="q_creator"/></div>			
		<br style="clear:both;" /><br />
		<div class="div1-2">文章标题：</div>	
		<div class="div2"><input type="text" name="q_msgTitle" id="q_msgTitle"/></div>
		<div class="div1-2">文章内容：</div>
		<div class="div2"><input type="text" name="q_msgContent" id="q_msgContent"/></div>		
		<br style="clear:both;" />
	</div>
	<div class="function-bar">
		<div class="div0"><input  type="button" class="button-bar" value="删除" onclick="doDel();" ${f:op(ops,'资讯文章管理','删除')}/></div>		
		<div class="div0"><input  type="button" class="button-bar" value="新增" onclick="viewAdd();" ${f:op(ops,'资讯文章管理','新增')}/></div>
		<div class="div0"><input  type="button" class="button-bar" value="重置条件" onclick="resetEx(this.form);"/></div>
		<div class="div0"><input  type="button" class="button-bar" value="查询" onclick="setCurPage(1);doQuery();"/></div>
	</div>	
	</form>
	
	<form id="delForm" method="post">
	<table id="MyTableList" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="table-form">
		<tr align="center" class="STYLE1">
			<th width="5%"><input id="ckAll" type="checkbox" onclick="checkAll(this.checked,'cb');" /></th>
			<th width="5%">序号</th>
			<th width="25%">标题</th>
			<th width="15%">图片</th>	
			<th width="15%">所属分类</th>
			<th width="10%">创建者</th>			
			<th width="15%">创建时间</th>			
			<th width="10%">操作</th>
		</tr>
	</table>
	<%@ include file="/pub/pageLink.jsp" %>
	</form>	
</body>
</html>
<script type="text/javascript">
<!--
//自动调用初始化
$(document).ready(function(){	
	<%String classId=request.getParameter("classId");if(null!=classId){%>document.getElementById('q_classId').value='<%=classId%>';<%}%>
	//查询
	doQuery();
});
var listData;//记录当前页数据
//查询
function doQuery(){	
	var page=getPage();
	var pageSize=getPageSize();
	var url="${ctx}/msg!getList.action?page="+page+"&pageSize="+pageSize;
	$.post(url, $("#queryForm").serialize() ,function callback(txt){   
			var json = $.parseJSON(txt);
			if (json.code==0) {	
				setRecordCount(json.count);
				listData=json.info;
				createTable(listData,page,pageSize);				
			}else{
				alert('查询失败！');
			}
		}	
	);
	$('#ckAll').attr("checked",false);
}

//删除
function doDel(){
	if(ifCheck('cb')){
		if(confirm('确定要删除选中的记录吗？')){
			var url="${ctx}/msg!remove.action";
			$.post(url, $("#delForm").serialize() ,function callback(txt){   
					var json = $.parseJSON(txt);
					if (json.code==0) {	
						doQuery();			
					}else{
						alert('删除失败！');
					}
				}	
			);			
		}
	}else{
		alert('请先勾选记录！');
	}
}

//创建表数据
function createTable(objs,page,pageSize){	
	var table=document.getElementById('MyTableList');
	for( var i=table.rows.length-1; i>0; i--){
		table.deleteRow(i); 
	}
	var b=document.createElement("tbody");
	for(var i=0;i<objs.length;i++){
		var obj=objs[i];
		var s='';
		if('A000'==obj.classId){
			s='宝宝营养';
		}else if('B000'==obj.classId){
			s='宝宝扮靓';
		}else if('C000'==obj.classId){
			s='宝宝用品';
		}else if('D000'==obj.classId){
			s='宝宝娱乐';
		}
		
		var row=document.createElement("tr");	
		row.align="center";			
		var c1=document.createElement("td");	
		c1.innerHTML="<input name='cb' type='checkbox' value='"+obj.msgId+"'/>";
		var c2=document.createElement("td");	
		c2.innerHTML=(page-1)*pageSize+i+1;
		var c3=document.createElement("td");	
		c3.innerHTML=obj.msgTitle;	
		var c4=document.createElement("td");	
		c4.innerHTML="<img height=\"40\" width=\"40\" src='${ctx}/sys!getPic.action?name="+obj.msgPic+"'/>";
		var c5=document.createElement("td");
		c5.innerHTML=s;
		var c6=document.createElement("td");	
		c6.innerHTML=obj.creator;
		var c7=document.createElement("td");	
		c7.innerHTML=formatDate(obj.createTime);
		var c8=document.createElement("td");	
		c8.innerHTML="<a class='edit-font' href=\"javascript:viewEdit('"+obj.msgId+"');\" ${f:op(ops,'资讯文章管理','修改')}>编辑</a>";
		
		row.appendChild(c1);
		row.appendChild(c2);
		row.appendChild(c3);
		row.appendChild(c4);
		row.appendChild(c5);
		row.appendChild(c6);
		row.appendChild(c7);
		row.appendChild(c8);
		
		setTdStyle(row);
		b.appendChild(row);
	}
	table.appendChild(b);
}

//进入新增页面
function viewAdd(){
	location.href="${ctx}/msg!viewAdd.action?classId="+document.getElementById('q_classId').value;
}
//编辑
function viewEdit(id){
	location.href="${ctx}/msg!viewEdit.action?classId="+document.getElementById('q_classId').value+"&id="+id;
}
//-->
</script>
